<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../css/reset.css">
    <link rel="stylesheet" href="../css/public.css">
    <link rel="stylesheet" href="../css/index.css">
    <link rel="stylesheet" href="../iconfont/iconfont.css">
</head>
<body>
    <header id="header">
        <section class="main">
            <ul id="topNav">
                <li id="index">首页</li>
                <li class="headerList">推广 <img src="../images/xiasanjiao.png" alt="">
                    <article>
                        <p>下拉菜单</p>
                        <p>下拉菜单</p>
                        <p>下拉菜单</p>
                        <p>下拉菜单</p>
                        <p>下拉菜单</p>
                        <p>下拉菜单</p>
                    </article>
                </li>
                <li class="headerList">运营 <img src="../images/xiasanjiao.png" alt="">
                    <article>
                        <p>下拉菜单</p>
                        <p>下拉菜单</p>
                        <p>下拉菜单</p>
                        <p>下拉菜单</p>
                        <p>下拉菜单</p>
                        <p>下拉菜单</p>
                    </article>
                </li>
                <li class="headerList">营销 <img src="../images/xiasanjiao.png" alt="">
                    <article>
                        <p>下拉菜单</p>
                        <p>下拉菜单</p>
                        <p>下拉菜单</p>
                        <p>下拉菜单</p>
                        <p>下拉菜单</p>
                        <p>下拉菜单</p>
                    </article>
                </li>
                <li class="headerList">数据 <img src="../images/xiasanjiao.png" alt="">
                    <article>
                        <p>下拉菜单</p>
                        <p>下拉菜单</p>
                        <p>下拉菜单</p>
                        <p>下拉菜单</p>
                        <p>下拉菜单</p>
                        <p>下拉菜单</p>
                    </article>
                </li>
                <li class="headerList">读好书 <img src="../images/xiasanjiao.png" alt="">
                    <article>
                        <p>下拉菜单</p>
                        <p>下拉菜单</p>
                        <p>下拉菜单</p>
                        <p>下拉菜单</p>
                        <p>下拉菜单</p>
                        <p>下拉菜单</p>
                    </article>
                </li>
                <li class="headerList">互联网 <img src="../images/xiasanjiao.png" alt="">
                    <article>
                        <p>下拉菜单</p>
                        <p>下拉菜单</p>
                        <p>下拉菜单</p>
                        <p>下拉菜单</p>
                        <p>下拉菜单</p>
                        <p>下拉菜单</p>
                    </article>
                </li>
                <li class="headerList">服务 <img src="../images/xiasanjiao.png" alt="">
                    <article>
                        <p>下拉菜单</p>
                        <p>下拉菜单</p>
                        <p>下拉菜单</p>
                        <p>下拉菜单</p>
                        <p>下拉菜单</p>
                        <p>下拉菜单</p>
                    </article>
                </li>
            </ul>
            <div>
                <p id="search"><i class="iconfont icon-search"></i></p>
                <p id="login">登录</p>
                <p id="regsiter">注册</p>
                <p>投稿</p>
            </div>
        </section>

    </header>
    <main>
        <section class="main" id="mainWrap">
            <article id="mainCont">
                <!-- banner -->
                <section id="banner">
                    <div>
                        <img src="../images/115.jpg" alt="">
                    </div>
                    <ul>
                        <li><img src="../images/1-2.jpg" alt=""></li>
                        <li><img src="../images/1-3.jpg" alt=""></li>
                        <li><img src="../images/1-6.jpg" alt=""></li>
                    </ul>
                </section>

                <section id="tit" class="clear">
                    <h2><span class="l">标题介绍</span><span class="r">全部标题</span></h2>
                    <ul id="titPic">

                    </ul>
                </section>

                <section id="textCont">
                    <ul id="textNav">
                        <li class="active"><p>最新文章</p></li>
                        <li>APP推广</li>
                        <li>产品运营</li>
                        <li>品牌营销</li>
                        <li>文案圈</li>
                        <li>移动互联网</li>      
                    </ul>
                </section>
            </article>

            <aside id="mainAside">
                <section id="hotText" class="pding">
                    <h2 class="greenTit">热门文章</h2>
                </section>
            </aside>

        </section>
    </main>
    <footer></footer>
    <script src="../javascript/index.js"></script>
</body>
</html>